:root {
  /* Font sizes */
  --pie-label-font: 16px Prometo;
  --pie-label-bold-font: 14px Prometo;

  /* Colors */
  --pie-label-color: #333;
  --pie-label-bold-color: #000;
  --pie-label-invert-color: white;

  /* Label offset (distance for outside labels) */
  --pie-label-offset: 60px;

  /* Chart title color */
  --pie-title-color: #0078A0;

  /* Pie radius in px */
  --pie-radius: 180;
}

/* Tablet */
@media (max-width: 992px) {
  :root {
    --pie-label-font: 14px Prometo;
    --pie-label-bold-font: 14px Prometo;
    --pie-label-offset: 50px;
    --pie-radius: 150;
  }
}

/* Mobile */
@media (max-width: 768px) {
  :root {
    --pie-label-font: 12px Prometo;
    --pie-label-bold-font: 12px Prometo;
    --pie-label-offset: 40px;
    --pie-radius: 120;
  }
}